<template>
  <div class="VD-Play">
    <i class="iconfont icon-shangyishou i1" v-if="videoNextflag == true"></i>
    <i class="iconfont icon-bofang1 i2" v-if="videoPlayflag == true"   @click="videoplay(true)"></i>
    <i class="iconfont icon-24gf-pause2 i2" v-if="videoPlayflag == false" @click="videoplay(false)"></i>
    <i class="iconfont icon-xiayishou i3" v-if="videoNextflag == false"></i>
  </div>
</template>

<script>
export default {
  props: {
    videoPlayflag: {
      type: Boolean,
    },
    videoNextflag: {
      type: Boolean,
    },
    videoPlaylength:{
        type:Number
    },
  },
  data () {
      return {
          index:0
      }
  },
  methods: {
      videoplay(val){
          this.$emit('getvideoplay', val);
      }
  }
};
</script>

<style scoped lang="scss">
.VD-Play {
  display: flex;
  align-items: center;
  position: fixed;
  top: 300px;
  left: 0;
  width: 100%;
  z-index: 999;
//   width: 100%;
  color: #fff;
  i {
    font-size: 200px;
  }
  .i1 {
    position: fixed;
    top: 300px;
    left: 66px;
  }
  .i2 {
    position: fixed;
    top: 300px;
    left: 640px;
  }
  .i3 {
    position: fixed;
    top: 300px;
    right: 66px;
  }
}
</style>